* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent
}

html {
    font-family: "Helvetica Neue For Number", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    width: 100%;
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 1.2;
    height: 100%;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;

    #root {
        width: 100%;
        height: 100%;
    }

    #page-loading {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .29);
        left: 0;
        top: 0;
        z-index: 100;

        .img-loading {
            position: absolute;
            width: 40px;
            height: 40px;
            left: 50%;
            top: 50%;
            margin-top: -20px;
            margin-left: -20px;
            -webkit-transform: rotate(360deg);
            animation: rotation 1.5s linear infinite;
            -webkit-animation: rotation 1.5s linear infinite;
        }

        @-webkit-keyframes rotation{
            from {-webkit-transform: rotate(0deg);}
            to {-webkit-transform: rotate(360deg);}
        }
    }

    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    main,
    nav,
    section,
    summary {
        display: block
    }

    audio,
    canvas,
    progress,
    video {
        display: inline-block;
        vertical-align: baseline
    }

    audio:not([controls]) {
        display: none;
        height: 0
    }

    [hidden],
    template {
        display: none
    }

    svg:not(:root) {
        overflow: hidden
    }

    a {
        background: transparent;
        text-decoration: none;
        -webkit-tap-highlight-color: transparent;
        color: #08c
    }

    a:active {
        outline: 0;
        color: #069;
        text-decoration: none;
    }

    a:link {
        text-decoration: none;
    }

    abbr[title] {
        border-bottom: 1px dotted
    }

    b,
    strong {
        font-weight: 700
    }

    dfn {
        font-style: italic
    }

    mark {
        background: #ff0;
        color: #000
    }

    small {
        font-size: 80%
    }

    sub,
    sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline
    }

    sup {
        top: -.5em
    }

    sub {
        bottom: -.25em
    }

    img {
        border: 0;
        vertical-align: top;
    }

    hr {
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        height: 0
    }

    pre {
        overflow: auto;
        white-space: pre;
        white-space: pre-wrap;
        word-wrap: break-word
    }

    code,
    kbd,
    pre,
    samp {
        font-family: monospace, monospace;
        font-size: 1em
    }

    button,
    input,
    optgroup,
    select,
    textarea {
        color: inherit;
        font: inherit;
        padding: 0;
        margin: 0;
        border: 0;
        outline: none
    }

    button {
        overflow: visible
    }

    button,
    select {
        text-transform: none
    }

    button,
    html input[type=button],
    input[type=reset],
    input[type=submit] {
        -webkit-appearance: button;
        cursor: pointer
    }

    button[disabled],
    html input[disabled] {
        cursor: default
    }

    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
        padding: 0
    }

    input,
    select,
    textarea {
        line-height: normal;
        outline: none;
        padding: 0;
        margin: 0;
    }

    input[type=checkbox],
    input[type=radio] {
        box-sizing: border-box;
        padding: 0
    }

    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button {
        height: auto
    }

    input[type=search] {
        -webkit-appearance: textfield;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    input[type=search]::-webkit-search-cancel-button,
    input[type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

    fieldset {
        border: 1px solid silver;
        margin: 0 2px;
        padding: .35em .625em .75em
    }

    legend {
        border: 0;
        padding: 0
    }

    textarea {
        overflow: auto;
        resize: vertical
    }

    optgroup {
        font-weight: 700
    }

    table {
        border-collapse: collapse;
        border-spacing: 0
    }

    td,
    th {
        padding: 0
    }

    button,
    html,
    input,
    select,
    textarea {
        font-family: Helvetica Neue, Helvetica, STHeiTi, Arial, sans-serif
    }

    blockquote,
    figure,
    form,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p {
        margin: 0
    }

    dd,
    dl,
    li,
    ol,
    ul {
        margin: 0;
        padding: 0
    }

    ol,
    ul {
        list-style: none outside none
    }

    h1,
    h2,
    h3 {
        line-height: 2;
        font-weight: 400
    }

    h1 {
        font-size: 1.8rem
    }

    h2 {
        font-size: 1.6rem
    }

    h3 {
        font-size: 1.4rem
    }

    input::-moz-placeholder,
    textarea::-moz-placeholder {
        color: #ccc
    }

    input:-ms-input-placeholder,
    textarea:-ms-input-placeholder {
        color: #ccc
    }

    input::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder {
        color: #ccc
    }

}